$(function () {
    layui.use(['table', 'laydate', 'form'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;


        // element
        //对表格进行赋值
        page({});

        //监听行工具事件
        table.on('tool(table)', function (obj) {
            var data = obj.data;
            console.log(obj)
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {

                    //    删除数据库里面的数据
                    $.ajax({
                        url: '/back/user/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.msg === 'success') {
                                obj.del();
                                layer.close(index);
                                layer.msg("删除成功");
                            } else {
                                layer.msg("删除失败");
                            }
                        }
                    })
                });
            } else if (obj.event === 'edit') {
                sessionStorage.setItem("user", JSON.stringify(data));
                xadmin.open('添加用户', '/html/user/member-update.html', 600, 400)
            } else if (obj.event === 'password') {
                layer.msg("修改密码");
            }
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#startBirthday' //指定元素
        });
        form.on('submit(search)', function (data) {
            data = data.field;//对变量重新赋值
            let hobbys = [];
            $("input[type=checkbox][name=hobby]:checked").each(function (index, obj) {
                hobbys.push(obj.title)
            });
            data.hobby = hobbys.toString();
            console.log(data);
            page(data);
            // 不让点击按钮刷新当前页面
            return false;
        })

        function page(data) {
            table.render({
                elem: '#table',
                url: '/back/user/findAll',
                where: data,
                parseData: function (res) { //res 即为原始返回的数据
                    console.log(res)
                    return {
                        "code": 0, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                },
                cols: [
                    [{
                        field: 'id',
                        title: 'ID',
                        width: 80,
                    }, {
                        field: 'username',
                        title: '用户名',
                        width: 120,
                        edit: 'text'
                    }, {
                        field: 'email',
                        title: '邮箱',
                        width: 150,
                        // edit: 'text',
                        templet: function (res) {
                            return '<em style="color: red">' + res.email + '</em>'
                        }
                    }, {
                        field: 'sex',
                        title: '性别',
                        width: 80,
                        edit: 'text',
                        sort: true
                    }, {
                        field: 'enable',
                        title: '状态',
                        templet: function (res) {
                            return res.enable == 1 ? "<span style='color: green'>启用</span>" : "<aaa style='color: gray'>禁用</aaa>";
                        }
                    }, {
                        field: 'birthday',
                        title: '生日'
                    }, {
                        field: 'hobby',
                        title: '爱好'
                    }, {
                        field: 'createTime',
                        title: '创建时间',
                        width: 120
                    }, {
                        fixed: 'right',
                        title: '操作',
                        toolbar: '#barDemo',
                        width: 230
                    }]
                ],
                page: true//默认开启分页
            });
        }

        //执行一个laydate实例
        laydate.render({
            elem: '#endBirthday', //指定元素
            trigger: 'click'
        });

    });


})